<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Slice Mobile -Responsive Mobile Template</title>
    <meta name="description" content="Cabe - Responsive Multi-purpose HTML5 Template">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- STYLESHEETS -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700" rel="stylesheet">
    <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/owl.theme.default.min.css" type="text/css" media="all">

    <link rel="stylesheet" href="css/themify-icons.css">

    <link rel="stylesheet" href="main.css" type="text/css" media="all">
    


    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>
    
    
    <main class="bg-white bg-cover" style="background-image: url(images/login-shop.jpg);">
        <div class="d-flex align-items-center mx-auto vertical-form">
            <div class="container">
                <div class="card bg-tranparent">
                    <div class="card-body p-2">
                        <form>
                            <h1 class="title-text mb-3 text-white">Sign up</h1>
                            <p class="mb-3 pb-3 text-grey2 pr-5">Enter your email address on this feild to retrieve your password.</p>
                            <div class="input-group mb-3 bg-white">
                                <i class="ti-user"></i>
                                <input class="form-control form-control-lg" id="username" type="text" placeholder="Username">
                              </div>
                              <div class="input-group mb-3 bg-white">
                                  <i class="ti-email"></i>
                                <input class="form-control form-control-lg" id="password" type="password" placeholder="Email" required="">
                              </div>
                              <div class="input-group mb-3 bg-white">
                                  <i class="ti-lock"></i>
                                <input class="form-control form-control-lg" id="password" type="password" placeholder="Password" required="">
                              </div>
                              
                              <button class="btn btn-block btn-lg btn-primary mt-0" type="submit"><b>Register</b></button>
                              <p class="mt-4 text-center text-grey2">Already have account? <a class="link-primary text-white fw-600" href="shop-login.html">Sign in</a>.</p>
                        </form>
                    </div>
                </div>
            </div>            
        </div>
    </main>
    
    <!-- SCRIPTS -->
    <script src="js/plugin.js"></script>
    <script src="js/main.js"></script>
    
    

</body>

</html>
